<template>
    <!-- <div class="dark-box">
      <el-button  class="switch"  @click="toggleDark()">
      </el-button>
    </div> -->
    <el-switch
    v-model="isDark"
    class="mt-2"
    size="large"
    style="margin-left: 24px"
    inline-prompt
    :active-icon="Sunny"
    :inactive-icon="Moon"
  />
  </template>
  
  <script setup lang="ts">
  import { Sunny, Moon } from '@element-plus/icons-vue'
    import {isDark, toggleDark} from "../composables/dark"
  
  </script>
  
  <style lang="scss">

  </style>
  
  